<!-- 广告图 -->
<div class="container-fluid bd">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            {foreach $index.banner as $k => $ban}
            <div class='item {if condition="$k eq 0"} active {/if}'>
                <a href="{$ban.link_url}"><img src="{$ban.img_url}" style="width:1440px;height:585px;" alt="..."></a>
            </div>
            {/foreach}
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<!-- 核心内容 -->

<!-- 第一块内容 -->
<div class="main main_index1">
    <div class="content content_index">

        <!-- 饰标题 -->
        <div class="show show_index">
            <h1>喜邦品牌十年深耕化妆品产业</h1>
            <p>THE COSMETICS INDUSTRY</p>
        </div>

        <!-- 内容 -->
        <div class="list1" id="list1a">
            <div class="content">
                <div class="row">
                    <div class="left col-xs-2 col-sm-3 col-md-4 col-lg-4">
                        <img src="__IMG__/index/images/tab1.png" alt="tab1" class="img-responsive">
                    </div>
                    <div class="right col-xs-10 col-sm-9 col-md-8 col-lg-8">
                        <em>戴斗笠收获者，帮助超过200家化妆品行业客户提供过设计与策略服务。</em>
                    </div>
                </div>
            </div>
        </div>
        <div class="list2" id="list2a">
            <div class="content content_list2">
                <div class="row">
                    <div class="left col-xs-2 col-sm-3 col-md-4 col-lg-4">
                        <img src="__IMG__/index/images/tab1b.png" alt="tab1" class="img-responsive">
                        设计
                        <!-- <div class="clear"></div> -->
                    </div>
                    <div class="right col-xs-10 col-sm-9 col-md-8 col-lg-8">
                        <div class="ch-title">
                            <em>戴斗笠收获者，帮助超过200家化妆品行业客户提供过设计与策略服务。</em>
                        </div>

                        <div class="en-desc">
                            <em>We blend in creative packaging and market, the tinkling of jade in the range of
                                cosmetics brand tide come to the fore.</em>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="list1" id="list1b">
            <div class="content">
                <div class="row">
                    <div class="left col-xs-2 col-sm-3 col-md-4 col-lg-4">
                        <img src="__IMG__/index/images/tab2.png" alt="tab1" class="img-responsive">
                    </div>
                    <div class="right col-xs-10 col-sm-9 col-md-8 col-lg-8">
                        <em>戴斗笠收获者，帮助超过200家化妆品行业客户提供过设计与策略服务。</em>
                    </div>
                </div>
            </div>

        </div>
        <div class="list2" id="list2b">
            <div class="content content_list2">
                <div class="row">
                    <div class="left col-xs-2 col-sm-3 col-md-4 col-lg-4">
                        <img src="__IMG__/index/images/tab2b.png" alt="tab1" class="img-responsive">
                        创意
                        <!-- <div class="clear"></div> -->
                    </div>
                    <div class="right col-xs-10 col-sm-9 col-md-8 col-lg-8">
                        <div class="ch-title">
                            <em>我们将创意融入包装和市场去，让品牌在玲琅满目的化妆品大潮中脱颖而出。</em>
                        </div>

                        <div class="en-desc">
                            <em>We blend in creative packaging and market, the tinkling of jade in the range of
                                cosmetics brand tide come to the fore.</em>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="list1" id="list1c">
            <div class="content">
                <div class="row">
                    <div class="left col-xs-2 col-sm-3 col-md-4 col-lg-4">
                        <img src="__IMG__/index/images/tab3.png" alt="tab1" class="img-responsive">
                    </div>
                    <div class="right col-xs-10 col-sm-9 col-md-8 col-lg-8">
                        <em>戴斗笠收获者，帮助超过200家化妆品行业客户提供过设计与策略服务。</em>
                    </div>
                </div>
            </div>

        </div>
        <div class="list2" id="list2c">
            <div class="content content_list2">
                <div class="row">
                    <div class="left col-xs-2 col-sm-3 col-md-4 col-lg-4">
                        <img src="__IMG__/index/images/tab3b.png" alt="tab1" class="img-responsive">
                        专家
                        <!-- <div class="clear"></div> -->
                    </div>
                    <div class="right col-xs-10 col-sm-9 col-md-8 col-lg-8">
                        <div class="ch-title">
                            <em>资深专家顾问团队，100大新锐设计师阵容。与能者共事，方可铸就一流品牌。</em>
                        </div>

                        <div class="en-desc">
                            <em>We blend in creative packaging and market, the tinkling of jade in the range of
                                cosmetics brand tide come to the fore.</em>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
<!-- 第二块内容 -->
<div class="main main_index1 main_index1b">
    <div class="content content_index">
        <!-- 饰标题 -->
        <div class="shibiaoti">
            <div class="show show_index fl">
                <h1>我们最近做的作品</h1>
                <p>WE DO WORK LATELY</p>
            </div>
            <div class="r fr">
                {foreach $index.case_type as $type}
                <a href="{:url('index/Cases/index')}/caseType/{$type.nid}">{$type.nname}</a>
                {/foreach}
            </div>
            <div class="clear"></div>
        </div>

        <!--内容  -->
        <div class="product" id="product">
            <div class="kuang"></div>
            <img src="__IMG__/index/images/pd.png" class="img-responsive fl" alt="图">
            <div class="desc fl">
                <h1>{$index.case.title}</h1>
                <p>{$index.case.content}...</p>
                <a href="{:url('index/Cases/caseDetail')}/cid/{$index.case.cid}"><img src="__IMG__/index/images/dianji.png" alt="点击" class="img-responsive"></a>
            </div>
            <div class="clear"></div>
            <a href="{:url('index/Cases/index')}" class="more"><img src="__DOMAIN__/__IMG__/index/images/more.png"
                    alt="" class="img-responsive"></a>

        </div>

    </div>
</div>

<!-- 第三块内容 -->
<div class="main main_index1 main_index2b">
    <div class="content content_index">
        <!-- 饰标题 -->
        <div class="shibiaoti">
            <div class="show show_index fl">
                <h1>资深专家顾问团队，100大新锐设计师阵容</h1>
                <p>RECOMMENDED DESIGNER</p>
            </div>
            <div class="r fr">
                <a href="{:url('index/Team/index')}" class="active">精英团队</a>
                <a href="{:url('index/Team/index')}">所有团队</a>
            </div>
            <div class="clear"></div>
        </div>

        <!--内容  -->
        <div class="product product2" id="product2">
            <div class="row">
                <div class="right col-xs-7 col-ms-5 col-md-5 col-lg-12">
                    <div class="row">
                        {foreach $index.person as $person}
                        <div class="find">
                            <a href="{:url('index/Team/teamDetail')}/tid/{$person.tid}"><img src="{$person.img_url}" alt=""
                                class="img-responsive center-block col-xs-5 col-ms-5 col-md-5 col-lg-2" style="width:175px;height:250px;"></a>
                            <div class="person_desc col-xs-2 col-ms-2 col-md-2 col-lg-2 hide">
                                <h3>{$person.name}</h3>
                                <p>{$person.title}</p>
                                <em>{$person.intro}</em>
                                <a href="{:url('index/Team/teamDetail')}/tid/{$person.tid}">
                                    <img src="__IMG__/index/images/dianji.png" class="img-responsive" alt="">
                                </a>
                            </div>
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>
            <a href="{:url('index/Team/index')}" class="more"><img src="__IMG__/index/images/more.png" alt="" class="img-responsive"></a>
        </div>

    </div>
</div>
<!-- 第四块内容 -->
<div class="main main_index1 main_index3b">
    <div class="content content_index">
        <!-- 饰标题 -->
        <div class="shibiaoti">
            <div class="show show_index fl">
                <h1>最新资讯</h1>
                <p>NEWS INFORMATION</p>
            </div>
            <div class="r fr">
                {foreach $index.new_type as $type}
                <a href="{:url('index/News/index')}/newType/{$type.nid}">{$type.nname}</a>
                {/foreach}
            </div>
            <div class="clear"></div>
        </div>

        <!--内容  -->
        {foreach $index.news as $num => $new}
        <div class="menu" id="menu_index{$num+1}">
            <div class="media menu_index">
                <div class="time fl">
                    <h1>{$new.pubtime|date="d",###}<span>{$new.pubtime|date="m",###}</span></h1>
                </div>
                <div class="media-left media-middle menuleft_index">
                    <a href="{:url('index/News/newsDetail')}/mid/{$new.mid}">
                        <img class="media-object" src="{$new.img_url}" alt="...">
                    </a>
                </div>
                <div class="media-body menubody_index ">
                    <h4 class="media-heading">{$new.title}</h4>
                    <p>{$new.content}...</p>
                </div>
            </div>
        </div>
        <div class="menu menub" id="menu_index{$num+1}b">
            <div class="media menub_index">
                <div class="media-left media-middle menuleftb_index">
                    <a href="{:url('index/News/newsDetail')}/mid/{$new.mid}">
                        <img class="media-object center-block" src="{$new.img_url}" alt="...">
                    </a>
                </div>
                <div class="media-body menubodyb_index ">
                    <h4 class="media-heading">{$new.title}</h4>
                    <h6>{$new.pubtime|date="Y-m-d",###}</h6>
                    <p>{$new.content|substr=0,150}...</p>
                </div>
            </div>
        </div>
        {/foreach}
        
        <div class="shibiaoti">
            <a href="{:url('index/News/index')}" class="more"><img src="__DOMAIN__/__IMG__/index/images/more.png" alt=""
                    class="img-responsive"></a>
        </div>

    </div>
</div>
<img src="__IMG__/top.png" alt="" class="gun">